<template>
<h1>隐藏显示指令</h1>
<!--
-->
  <p v-if="true">张三</p>
  <p v-if="false">李四</p>
  <hr>
  <p v-if="isShow">太阳</p>
  <p v-else>月亮</p>
<!--
v-show="布尔值"true元素显示false元素隐藏
false 表示通过修改该元素的CSS显示模式让元素消失
-->
  <p v-show="true">小红</p>
  <p v-show="false">小绿</p>
</template>

<script setup>

import {ref} from "vue";

const isShow = ref(false);

</script>


<style scoped>

</style>